<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>DNS检测及数据展示</title>
		<link rel="stylesheet" href="./index.css" />
	</head>
	<style>
		.body {
			margin-top: 0;
		}
	</style>

	<body>
		<div class="header">
			<div class="wraper row">
				<div class="btn btn-home">DGA域名检测数据展示</div>
				<div class="title btn">
					<a href="http://www.w3school.com.cn">DNS检测</a>
				</div>
				<div class="menu btn btn-active">
					<a href="http://127.0.0.1:8000/dns?a=400">样本检测</a>
				</div>
				<div class="menu btn">
					<a href="http://127.0.0.1:8000/ResultList?p=2">结果展示</a>
				</div>
				<div class="menu btn">对比数据图</div>
			</div>
		</div>

		<div class="form">
			<form method="post" action="/DNS" enctype="multipart/form-data">
				<input type="file" name="uname" required="required" />
				<input type="file" name="mname" required="required" />
				<input type="submit" id="btn-submit" value="提交" />
			</form>
		</div>

		<div class="router-view">
			<div class="body">
				<div class="table">
					<ul class="table-header row">
						<li>序号</li>
						<li>算法</li>
						<li>白样本</li>
						<li>黑样本</li>
						<li>准确率</li>
						<li>精确率</li>
						<li>召回率</li>
						<li>f1分数</li>
					</ul>

					<ul class="table-item row">
						<li>1</li>
						<li>{{ obj.name }}</li>
						<li>{{ obj.white_rate }}</li>
						<li>{{ obj.black_rate }}</li>
						<li>{{ obj.accuracy_score }}</li>
						<li>{{ obj.precision_score }}</li>
						<li>{{ obj.recall_score}}</li>
						<li>{{ obj.f1_score }}</li>
					</ul>

					<ul class="table-item row">
						<li>2</li>
						<li>{{ obj_2.name }}</li>
						<li>{{ obj_2.white_rate }}</li>
						<li>{{ obj_2.black_rate }}</li>
						<li>{{ obj_2.accuracy_score }}</li>
						<li>{{ obj_2.precision_score }}</li>
						<li>{{ obj_2.recall_score }}</li>
						<li>{{ obj_2.f1_score }}</li>
					</ul>
					<ul class="table-item row">
						<li>3</li>
						<li>{{ obj_3.name }}</li>
						<li>{{ obj_3.white_rate }}</li>
						<li>{{ obj_3.black_rate }}</li>
						<li>{{ obj_3.accuracy_score }}</li>
						<li>{{ obj_3.precision_score }}</li>
						<li>{{ obj_3.recall_score }}</li>
						<li>{{ obj_3.f1_score }}</li>
					</ul>
					<ul class="table-item row">
						<li>4</li>
						<li>{{ obj_4.name }}</li>
						<li>{{ obj_4.white_rate }}</li>
						<li>{{ obj_4.black_rate }}</li>
						<li>{{ obj_4.accuracy_score }}</li>
						<li>{{ obj_4.precision_score }}</li>
						<li>{{ obj_4.recall_score }}</li>
						<li>{{ obj_4.f1_score }}</li>
					</ul>
					<ul class="table-item row">
						<li>5</li>
						<li>{{ obj_5.name }}</li>
						<li>{{ obj_5.white_rate }}</li>
						<li>{{ obj_5.black_rate }}</li>
						<li>{{ obj_5.accuracy_score }}</li>
						<li>{{ obj_5.precision_score }}</li>
						<li>{{ obj_5.recall_score }}</li>
						<li>{{ obj_5.f1_score }}</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
